<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dokument bez tytułu</title>
<style type="text/css">
#main{
	background-position: center top;
	background-image: url('https://projekt-webdev-javascript.googlecode.com/svn/trunk/wzorek_szablon_allegro.png');
	overflow: auto;
	position: relative;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	color: rgba(255,255,255,1);
	font-size: 12px;
	background-color: rgba(227,205,168,1);
	
	}

#contener{
	width: 1200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: rgba(202,163,98,1);
	height: 2600px;
	}	
	
.top_wrapper{
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url('https://projekt-webdev-javascript.googlecode.com/svn/trunk/tlo_header.jpg');
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 694px;
	}	
.top_bar{
	background-position: center top;
	background-image: url('https://projekt-webdev-javascript.googlecode.com/svn/trunk/belka_gora.png');
	background-repeat: repeat-x;
	height: 62px;
	width: 100%;
	
}

#header{
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: rgba(255,255,255,1);
	height: 213px;
	}
#table_logo {
	padding-left: 110px;
}
	
	
.box_wrapper{
	height: auto;
	width: 966px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;	
	}

	
#box_top{
	height: 206px;
	width: 100%;
	background-image: url(https://projekt-webdev-javascript.googlecode.com/svn/trunk/tlo_box_top.png);
	background-repeat: repeat-x;
	clip: rect(auto,auto,auto,800px);
	padding-bottom: 5px;	
	}

#box_top_left{
	float: left;
	height: 160px;
	width: 200px;
	margin-top: 17px;
	}


	
#box_top_right{
	float: right;
	height: 160px;
	width: 615px;
	margin-top: 17px;
	}		
	
		
#zakladka_menu{
	background-image: url('https://projekt-webdev-javascript.googlecode.com/svn/trunk/zakladka_menu.png');
	background-repeat: no-repeat;
	height: 50px;
	margin-bottom: -30px;
	}

#box_left_menu{
	height: 350px;
	width: 240px;
	background-color: rgba(217,188,140,1);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}

#box_left{
	float: left;
	height: auto;
	width: 253px;	
	}
	
#box_right{
	background-color: rgba(233,212,157,.8);
	float: right;
	height: 900px;
	width: 705px;
	margin-top: -4px;	
	}
#textura1{
	background-image: url('https://projekt-webdev-javascript.googlecode.com/svn/trunk/textura1.png');
	height: 49px;
	background-repeat: no-repeat;	
	
	}

#bottom_textur{
	height: 80px;
	width: 240px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url('https://projekt-webdev-javascript.googlecode.com/svn/trunk/bottom_texture.png');
	background-repeat: no-repeat;	
	}

#box_menu{
	height: 400px;
	width: 239px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: rgba(233,212,157,.8);
	}

#zakladka_menu{
	background-image: url('https://projekt-webdev-javascript.googlecode.com/svn/trunk/zakladka_menu.png');
	background-repeat: no-repeat;
	height: 50px;
	margin-right: -7px;
	margin-left: -6px;
	margin-top: -5px;
	}

#content_wrapper_box{
	padding-bottom: 20px;	
	
	}

.table_belka{
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: rgba(240,221,164,1);
	
		
	}

.slogan_belka{
	background-image: url('http://projekt-webdev-javascript.googlecode.com/svn/trunk/slogan.png');
	background-repeat: no-repeat;
	background-position: center;
	}
#main #contener .top_wrapper .top_bar .table_belka tr td a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: rgba(255,204,102,1);
	text-decoration: none;
}
	
.ikona_email{
	background-image: url(http://projekt-webdev-javascript.googlecode.com/svn/trunk/ikona_email.png);
	background-repeat: no-repeat;
	background-position: center;
	}
	
.ikona_gg{
	background-image: url('http://projekt-webdev-javascript.googlecode.com/svn/trunk/ikona_gg.png');
	background-repeat: no-repeat;
	background-position: center;
	}	
.ikona_tel{
	background-image: url('http://projekt-webdev-javascript.googlecode.com/svn/trunk/ikona_telefon.png');
	background-repeat: no-repeat;
	background-position: center;
	}

.menu_kontakt{
	background-image: url('http://projekt-webdev-javascript.googlecode.com/svn/trunk/menu_komentarze.png');
	background-repeat: no-repeat;
	background-position: center;
	
	}
	
.table_header{
	text-align: center;
	
	}

#logo_contener{
	float: left;
	background-image: url('https://projekt-webdev-javascript.googlecode.com/svn/trunk/logo.png');
	height: 208px;
	width: 219px;
	background-repeat: no-repeat;
	margin-left: 115px;
	}
		
#menu_contener{
	float: right;
	height: 208px;
	width: 760px;
	
	}
	
.kir {
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.button_komentarze {
    background-image: url('http://projekt-webdev-javascript.googlecode.com/svn/trunk/menu_komentarze.png');
	background-repeat: no-repeat;
	background-position: center;
	height: 26px;
}

.button_aukcje {
    background-image: url('http://projekt-webdev-javascript.googlecode.com/svn/trunk/menu_aukcje.png');
	background-repeat: no-repeat;
	background-position: center;
	height: 26px;
}				


.button_ulubione {
	background-image: url('http://projekt-webdev-javascript.googlecode.com/svn/trunk/menu_ulubione.png');
	background-repeat: no-repeat;
	background-position: center;
	height: 26px;
}	

.button_pytanie {
    background-image: url('http://projekt-webdev-javascript.googlecode.com/svn/trunk/menu_pytanie.png');
	background-repeat: no-repeat;
	background-position: center;
	height: 26px;
}


.button_omnie {
    background-image: url('http://projekt-webdev-javascript.googlecode.com/svn/trunk/menu_omnie.png');
	background-repeat: no-repeat;
	background-position: center;
	height: 26px;
}


.menu_kontakt_box{
	background-image: url(http://projekt-webdev-javascript.googlecode.com/svn/trunk/kontakt.png);
	background-repeat: no-repeat;
	background-position: center 14px;
	height: 36px;
}

.menu_regul_box{
	background-image: url(http://projekt-webdev-javascript.googlecode.com/svn/trunk/regulamin.png);
	background-repeat: no-repeat;
	background-position: center 14px;
	height: 36px;
}

.menu_wysylka_box{
	background-image: url(http://projekt-webdev-javascript.googlecode.com/svn/trunk/wysylka.png);
	background-repeat: no-repeat;
	background-position: center 14px;
	height: 36px;
}

.menu_platnosc_box{
	background-image: url(http://projekt-webdev-javascript.googlecode.com/svn/trunk/platnosci.png);
	background-repeat: no-repeat;
	background-position: center 14px;
	height: 36px;
}



.punkt{
	background-image: url('http://projekt-webdev-javascript.googlecode.com/svn/trunk/punkt.png');
	background-repeat: no-repeat;
	background-position: center;
	height: 24px;
	width: 15px;
	}

.stempel{
	background-image: url('http://projekt-webdev-javascript.googlecode.com/svn/trunk/stempel.png');
	background-repeat: no-repeat;
	background-position: center;
	height: 121px;
	width: 305px;	
	}
	
#zakladka{
	background-image: url('http://projekt-webdev-javascript.googlecode.com/svn/trunk/zakladka.png');
	background-repeat: no-repeat;
	float: right;
	margin-right: -7px;
	margin-top: -3px;
	height: 99px;
	width: 134px;
	}	
	
</style>
</head>

<body>
<div id="main">
<div id="contener">
<div class="top_wrapper">
<div class="top_bar">
<table class="table_belka" width="1200" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="417" height="58" class="slogan_belka" >&nbsp;</td>
    <td width="158" height="58" >&nbsp;</td>
    <td width="91" class="ikona_email">&nbsp;</td>
    <td style="vertical-align: middle; display: table-cell;" width="126" height="58" ><a href="mailto:jacekhit@wp.pl">jacekhit@wp.pl</a></td>
    <td width="109" class="ikona_gg">&nbsp;</td>
    <td style="vertical-align: middle; display: table-cell;" width="106" height="58" >47022732</td>
    <td width="85" class="ikona_tel">&nbsp;</td> 
     <td style="vertical-align: middle; display: table-cell;" width="108" height="58" >727646315</td>
  </tr>
</table>
</div>
<div id="header">
<div class="header_wrapper">
<div id="logo_contener"></div>
<div id="menu_contener">
<table class="table_header" width="755" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td  style=" margin: 0 auto; padding-top:3px "width="95" >&nbsp;</td>
    <td ><a href="http://allegro.pl/show_user.php?uid=2404435" class="button_komentarze kir" target="_blank">Komentarze</a></td>
    <td width="22" class="punkt">&nbsp;</td>
    <td width="227"><a href="http://allegro.pl/show_user.php?uid=2404435" class="button_aukcje kir" target="_blank">Aukcje</a></td>
    <td width="16"class="punkt">&nbsp;</td>
    <td width="251"><a href="http://allegro.pl/show_user.php?uid=2404435" class="button_ulubione kir" target="_blank">Ulubione</a></td>
    </tr>
  <tr>
    <td>&nbsp;</td>
    <td height="50">&nbsp;</td>
    <td>&nbsp;</td>
    <td><a href="http://allegro.pl/show_user.php?uid=2404435" class="button_pytanie kir" target="_blank">Pytanie</a></td>
    <td class="punkt">&nbsp;</td>
    <td><a href="http://allegro.pl/show_user.php?uid=2404435" class="button_omnie kir" target="_blank">O mnie</a></td>
    </tr>
  <tr>
    <td height="119" colspan="5" class="stempel">&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
</table>

</div>
</div>
</div>
<div class="box_wrapper">
  <div id="box_top">
  <div id="zakladka">&nbsp;</div>
  <div id="box_top_left"></div>
  <div id="box_top_right">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nisl magna, bibendum sit amet felis ac, semper viverra sapien.<br /> Sed dolor enim, pharetra eget est a, lobortis fermentum elit. In porta <br/> lectus dui, a pulvinar diam molestie viverra. Fusce porta congue justo, vitae convallis nulla sollicitudin vel. Nunc varius sit amet est  
    
  </div>

  </div>
<div id="box_left">
   <div id="content_wrapper_box">
   <div id="box_menu"> 
   <div id="zakladka_menu">
   <div class="menu_kontakt_box"></div></div> 
   </div>
   <div id="bottom_textur"></div>
   </div>
   
   <div id="content_wrapper_box">
   <div id="box_menu"> <div id="zakladka_menu"><div class="menu_regul_box"></div></div></div>
   <div id="bottom_textur"></div>
   </div>
   
   <div id="content_wrapper_box">
   <div id="box_menu"> <div id="zakladka_menu"><div class="menu_wysylka_box"></div></div> 
   </div>
   <div id="bottom_textur"></div>
   </div>
   
   <div id="content_wrapper_box">
   <div id="box_menu"> <div id="zakladka_menu"><div class="menu_platnosc_box"></div>
   
   </div> 
   </div>
   <div id="bottom_textur"></div>
   </div> 
   
</div>
<div id="box_right">
<div id="textura1"></div>
</div>
</div>
</div>

</div>
</div>

</body>
</html>
